<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
<meta name="keywords" content="{dede:field name='keywords'/}" />
<meta name="description" content="{dede:field name='description' function='html2text(@me)'/}" />
<meta content="telephone=no" name="format-detection" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<!--360默认急速模式打开-->
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
<link rel="stylesheet" href="/skin/css/cui.css" />
<link rel="stylesheet" href="/skin/css/style.css" />
<link rel="stylesheet" href="/skin/css/less.css" />
</head>
<body>
{dede:include filename="head.htm"/}
<div class="c"></div>
<div id="bd">
  <div id="ban-in" style="background-image:url(/skin/images/14415956833641.jpg)">
    <div class="ban-bg"></div>
  </div>
  <div class="wp" id="whous">
    <div class="tit-i">
      <h3>我们是谁</h3>
      <h5>about <span>WEBTHINK</span></h5>
    </div>
    <div class="c"></div>
    <div class="about-info"> {dede:field.content/} </div>
    <!-- 动画部分 -->
    <ul class="ul-about ul-show">
      <li class="li1">
        <div class="block"> <img src="/skin/images/c1.png" alt=""> <img src="/skin/images/c2.png" alt=""> <img src="/skin/images/c3.png" alt=""> <img src="/skin/images/c4.png" alt=""> <img src="/skin/images/c5.png" alt=""> <img src="/skin/images/c6.png" alt=""> <img src="/skin/images/c7.png" alt=""> <img src="/skin/images/c8.png" alt=""> </div>
        <div class="c"></div>
        <h3>量身打造</h3>
        <em></em>
        <p> 针对不同企业状况、客户特殊需求等量身打造，从专业化的建站方案定制<span style="line-height:1.5;">，独一无二的视觉效果设计，到易于SEO优化的规范化代码编写，易于操作的人性化管理后台，无不体现“定制”的意义。</span> </p>
      </li>
      <li class="li2">
        <div class="block"> <img src="/skin/images/t1.png" alt="" data-top-center="background-position:0px 0px;" data-bottom-center="background-position:141px 0px;"> <img src="/skin/images/t2.png" alt=""> <img src="/skin/images/t3.png" alt=""> <img src="/skin/images/t4.png" alt=""> <img src="/skin/images/t5.png" alt=""> <img src="/skin/images/t6.png" alt=""> <img src="/skin/images/t7.png" alt=""> <img src="/skin/images/t8.png" alt=""> <img src="/skin/images/t9.png" alt=""> </div>
        <div class="c"></div>
        <h3>领先设计</h3>
        <em></em>
        <p style="text-align:center;"> <span style="line-height:1.5;">为客户定制适合自己的互联网形象，</span> </p>
        <p style="text-align:center;"> <span style="line-height:1.5;">尊重访问者视觉体验和浏览习惯，用户体验友好，</span> </p>
        <p style="text-align:center;"> 注重信息<span style="line-height:1.5;">架构分析，界面设计、互动设计和</span> </p>
        <p style="text-align:center;"> <span style="line-height:1.5;">内容制作，为客户提供</span><span style="line-height:1.5;">高价值的平台。</span> </p>
        <p style="text-align:center;"> <span style="line-height:1.5;"><br />
          </span> </p>
      </li>
      <li class="li3">
        <div class="block"> <img src="/skin/images/b1.png" alt="webthink"> <img src="/skin/images/b2.png" alt=""> <img src="/skin/images/b3.png" alt=""> <img src="/skin/images/b4.png" alt=""> </div>
        <div class="c"></div>
        <h3>全网开发</h3>
        <em></em>
        <p style="text-align:center;"> <span style="line-height:1.5;">全网是一个新概念，是互联网时代的必然产物，</span><span style="line-height:1.5;">更是企业在未来几年内的生存之道。</span><span style="line-height:1.5;">网思</span><span style="line-height:1.5;">为客户提供全方位全网开发。</span><span style="line-height:1.5;">网站建设、微站设计、微信</span><span style="line-height:1.5;">公众平台开发，同时完整的将互联</span><span style="line-height:1.5;">网各平台结合，实现一站式管理。</span> </p>
        <p style="text-align:center;"> <br />
        </p>
        <p style="text-align:center;"> </p>
      </li>
    </ul>
    <!-- 动画部分 --> 
  </div>
  <div class="c"></div>
  <div class="customer fix" id="ourcus">
    <div class="wp">
      <div class="tit-i tit-i-1">
        <h3>我们服务的客户</h3>
        <h5>our <span>customer</span></h5>
      </div>
      <ul class="ul-customer">
        <li><a href="" target="_blank"><b></b><img src="/skin/images/14417772351016.png" alt="大德传媒" width="234" height="87"></a></li>
        <li><a href="http://" target="_blank"><b></b><img src="/skin/images/14417772151236.png" alt="华美立家" width="234" height="87"></a></li>
        <li><a href="http://" target="_blank"><b></b><img src="/skin/images/14417777895049.png" alt="中粮集团" width="234" height="87"></a></li>
        <li><a href="http://" target="_blank"><b></b><img src="/skin/images/14417773256917.png" alt="弘神" width="234" height="87"></a></li>
        <li><a href="#" target="_blank"><b></b><img src="/skin/images/14417770416979.png" alt="悦星葡萄酒学院" width="234" height="87"></a></li>
        <li><a href="http://" target="_blank"><b></b><img src="/skin/images/14417770728965.png" alt="致远" width="234" height="87"></a></li>
        <li><a href="http://" target="_blank"><b></b><img src="/skin/images/14417770931301.png" alt="西九华山" width="234" height="87"></a></li>
        <li><a href="http://" target="_blank"><b></b><img src="/skin/images/14417685061923.png" alt="朗波尔" width="234" height="87"></a></li>
        <li><a href="http://" target="_blank"><b></b><img src="/skin/images/14417778261716.png" alt="卡莎" width="234" height="87"></a></li>
        <li><a href="http://" target="_blank"><b></b><img src="/skin/images/14417773644618.png" alt="华夏典当行" width="234" height="87"></a></li>
      </ul>
    </div>
  </div>
  <div class="team" id="ourteam">
    <div class="wp">
      <div class="tit-i">
        <h3>我们的团队</h3>
        <h5>our <span>team</span></h5>
      </div>
    </div>
    <div class="flexslider">
      <ul class="slides">
        <li>
          <div class="wp">
            <div class="txt">
              <h3 data-animate="fadeInDown" class="animated">商务策划</h3>
              <p data-animate="fadeInDown" class="animated">
              <p class="animated fadeInDown" style="font-family:微软雅黑, `Microsoft Yahei`;font-size:14px;background-color:#FFFFFF;"> 不只是建站，更提供有价值的思路和整体服务。<br />
                网思人不断深入对各类行业属性以及商业模式的探索，全面了解企业现状、深入挖掘品牌价值、专业策划并准确全是产品价值。 </p>
              </p>
              <p data-animate="fadeInDown" class="animated"><a href="mailto:susan@dede58.com" class="more">加入我们</a></p>
            </div>
            <div class="pic"> <img data-animate="fadeInLeft" data-delay="0.5" class="animated" src="/skin/images/o5.png" alt="网思-网页设计"> <img data-animate="fadeInRight" data-delay="0.9" class="animated" src="/skin/images/o6.png" alt=""> </div>
          </div>
        </li>
        <li>
          <div class="wp">
            <div class="txt">
              <h3 data-animate="fadeInDown" class="animated">项目执行</h3>
              <p data-animate="fadeInDown" class="animated">
              <p class="animated fadeInDown" style="font-family:微软雅黑, `Microsoft Yahei`;font-size:14px;background-color:#FFFFFF;"> 主要负责网站建设项目的开发管理和流程监控工作。网思的整个项目组对工作是非常细致严谨的，项目进行中随时与客户保持商量和沟通，双方配合在最短的时间内顺利完成项目开发工作。 </p>
              </p>
              <p data-animate="fadeInDown" class="animated"><a href="mailto:329435596@qq.com" class="more">加入我们</a></p>
            </div>
            <div class="pic"> <img data-animate="fadeInLeft" data-delay="0.5" class="animated" src="/skin/images/o7.png" alt="网思-网页制作"> <img data-animate="fadeInLeft" data-delay="0.8" class="animated" src="/skin/images/o8.png" alt=""> <img data-animate="fadeInLeft" data-delay="1.2" class="animated" src="/skin/images/o9.png" alt=""> <img data-animate="fadeInRight" data-delay="1.5" class="animated" src="/skin/images/o10.png" alt=""> <img data-animate="fadeInDown" data-delay="1.8" class="animated" src="/skin/images/o11.png" alt=""> </div>
          </div>
        </li>
        <li>
          <div class="wp">
            <div class="txt">
              <h3 data-animate="fadeInDown" class="animated">设计师</h3>
              <p data-animate="fadeInDown" class="animated">
              <p class="animated fadeInDown" style="font-family:微软雅黑, `Microsoft Yahei`;font-size:14px;background-color:#FFFFFF;"> 我们喜爱创新，对创意设计有着极高的热情，并准备着为一个好的点子通宵达旦。我们不仅提供漂亮的设计，更知道设计是一种方法或策略，而非仅仅是美术自由，设计载体是品牌，强调设计的实用性。 </p>
              </p>
              <p data-animate="fadeInDown" class="animated"><a href="mailto:329435596@qq.com" class="more">加入我们</a></p>
            </div>
          </div>
          <div class="pic"> <img data-animate="fadeInRight" data-delay="0.5" class="animated" src="/skin/images/o18.png" alt="网思-网站建设"> <img data-animate="fadeInRight" data-delay="1.5" class="animated" src="/skin/images/o21.png" alt=""> <img data-animate="fadeInLeft" data-delay="0.8" class="animated" src="/skin/images/o19.png" alt=""> <img data-animate="fadeInLeft" data-delay="1.2" class="animated" src="/skin/images/o20.png" alt=""> <img data-animate="fadeInLeft" data-delay="1.8" class="animated" src="/skin/images/o22.png" alt=""> </div>
        </li>
        <li>
          <div class="wp">
            <div class="txt">
              <h3 data-animate="fadeInDown" class="animated">Web前端工程师</h3>
              <p data-animate="fadeInDown" class="animated">
              <p class="animated fadeInDown" style="font-family:微软雅黑, `Microsoft Yahei`;font-size:14px;background-color:#FFFFFF;"> 根据已确认的设计稿进行每一个页面的制作。我们会按照我们的W3C制作标准进行web开发，使得更简易、可方便调节、各浏览器兼容性强、可扩展等，让用户体验达到一定高度！ </p>
              <p class="animated fadeInDown" style="font-family:微软雅黑, `Microsoft Yahei`;font-size:14px;background-color:#FFFFFF;"> 我们将以最大程度上减少页面代码，使爬行蜘蛛能带走更多有用有价值的信息。并且我们将严格遵守标准CSS命名规则，使搜索引擎能够快速的认知网页内容板块结构，快速收录！ </p>
              </p>
              <p data-animate="fadeInDown" class="animated"><a href="mailto:329435596@qq.com" class="more">加入我们</a></p>
            </div>
            <div class="pic"> <img data-animate="fadeInLeft" data-delay="0.5" class="animated" src="/skin/images/o12.png" alt=""> <img data-animate="fadeInLeft" data-delay="1.2" class="animated" src="/skin/images/o14.png" alt=""> <img data-animate="fadeInLeft" data-delay="0.8" class="animated" src="/skin/images/o13.png" alt=""> <img data-animate="fadeInLeft" data-delay="1.5" class="animated" src="/skin/images/o15.png" alt=""> <img data-animate="fadeInLeft" data-delay="1.8" class="animated" src="/skin/images/o17.png" alt=""> <img data-animate="fadeInLeft" data-delay="2.2" class="animated" src="/skin/images/o16.png" alt=""> </div>
          </div>
        </li>
        <li>
          <div class="wp">
            <div class="txt">
              <h3 data-animate="fadeInDown" class="animated">程序员</h3>
              <p data-animate="fadeInDown" class="animated">
              <p class="animated fadeInDown" style="font-family:微软雅黑, `Microsoft Yahei`;font-size:14px;background-color:#FFFFFF;"> 从事程序开发、维护的专业人员。拥有强大的开发力量，依照客户需求及工作流程来定制专属平台<span style="line-height:1.5;">，优化网站结构，精简程序代码，清晰的层次架构.</span> </p>
              </p>
              <p data-animate="fadeInDown" class="animated"><a href="mailto:329435596@qq.com" class="more">加入我们</a></p>
            </div>
            <div class="pic"> <img data-animate="fadeInDown" data-delay="0.5" class="animated" src="/skin/images/o1.png" alt=""> <img data-animate="fadeInUp" data-delay="0.8" class="animated" src="/skin/images/o2.png" alt=""> <img data-animate="fadeInUp" data-delay="1.2" class="animated" src="/skin/images/o3.png" alt=""> <img data-animate="fadeInDown" data-delay="1.5" class="animated" src="/skin/images/o4.png" alt=""> </div>
          </div>
        </li>
      </ul>
      <em></em> </div>
  </div>
</div>
<!-- end #bd -->
<div class="c"></div>
<!-- begin #fd --> 
{dede:include filename="footer.htm"/} 
<script type="text/javascript" src="/skin/js/jquery.js"></script> 
<script type="text/javascript" src="/skin/js/lib.js"></script>
<link rel="stylesheet" href="/skin/css/animate.css" />
<link rel="stylesheet" href="/skin/css/flexslider.css" />
<script type="text/javascript" src="/skin/js/flexslider.js"></script> 
<script>
$('.team .flexslider').flexslider({
animation: "slide",
animationLoop: true,
slideshow: false,
prevText:"",
nextText:"",
controlNav: false,
directionNav: true,
pauseOnHover: true,
slideshowSpeed: 3000, 
start:function(slider){

},
before: function(){
$('.flexslider').resize();
},
after: function(slider) {
initState();
move();
}
});
function initState(){
$('.team .animated').each(function(){
var dataAnimate = $(this).data('animate');
$(this).removeClass(dataAnimate);
})
}
function move(){
var curSlide = $('.team .slides li.flex-active-slide'); 
var h3 = curSlide.find('h3'),
p = curSlide.find('p'),
img = curSlide.find('img'); 
h3.addClass( h3.data ('animate'));
p.addClass( p.data('animate'));
img.each(function(){
$(this).addClass($(this).data('animate')).css({'animation-delay': $(this).data('delay')+'s'});
})
}
$(window).load(function(){
move();
})
</script>
</body>
</html>